@media screen,projection {

/* tags */
body	{background:#666; text-align:center;}
small,
.small	{color:#777;}

/* adding some basic styling */
#bitbar		{background:#900; border-top:1px solid #000; border-bottom:1px solid #000; font-size:0.9em; line-height:1.2em; color:#fff;}
.toplogin	{font-size:0.9em; color:#999; text-align:right; float:right; margin:0px; padding:4px 5px;}
#bitbody	{background:transparent url( images/title_bg.png ) no-repeat top left; padding:0px 0px 1px 0px; text-align:left;}
#bittop		{background:transparent url( images/bar_logo.png ) no-repeat left;}
#wrap1		{background:transparent url( images/bar.png ) repeat-x top left;}
#wrap2		{background:transparent url( images/title_bg_r.png ) repeat-x top right;}
#wrap3		{background:transparent url( images/title_bg_l.png ) no-repeat top left;}
#wrap4		{background:#fff        url( images/title_bg_r.png ) repeat-x top right;}
#wrap5		{background:transparent url( images/menu_bg_l.gif ) repeat-y top left;}
#bitbottom	{font-size:0.8em; color:#999; text-align:center;}

/* columns */
#bitleft	{background:transparent url( images/menu_bg_top.gif ) repeat-x top left;}
.bitleft-tl	{background:transparent url( images/menu_bg_tl.gif ) no-repeat top left;}
.bitleft-tr	{background:transparent url( images/menu_bg_tr.gif ) no-repeat top right;}
.bitleft-r	{background:transparent url( images/menu_bg_r.gif ) no-repeat top right;}
#bitright	{background:transparent;}
#bitleft,
#bitright	{font-size:0.9em;}

#attbrowser	{text-align:left; background:#eee;}

/* common classes */
.closebutton	{position:absolute; top:1px; right:1px;}

/* boxes */
.popup					{width:200px; margin:0; padding:7px; text-align:left; background:#14205A; color:#fff;}
#bitmain .box:before,
#bitmain .box:after		{text-align:left; line-height:0.1; font-size:1px; margin:-1px; height:5px; display:block; border:none;}
#bitmain .box:before	{content:url( images/box/tl.gif ); background:transparent url( images/box/tr.gif ) no-repeat top right;}
#bitmain .box:after		{content:url( images/box/bl.gif ); background:transparent url( images/box/br.gif ) no-repeat bottom right ;}
.fisheye.display .box			{border:0; margin:20px 0 10px 0;}
.fisheye.display .box:before,
.fisheye.display .box:after		{display:none !important;}
.fisheye.display .box img		{padding:10px; border:1px solid #aaa;}
.fisheye table .fisheyegallery	{background:transparent url( images/pkgicon_bg.png ) 50% 50% repeat;}

/* forms */
input[type="text"],
input[type="password"],textarea	{border:1px solid #aaa; color:#666;}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus		{border:1px solid #000; color:#000;}
.toplogin input		{background:transparent; color:#999; border:1px solid #eee; margin:0; height:15px; vertical-align:middle; font-size:10px;}
.module .submit		{margin:0; padding:0; background:transparent; border:0;}
.module .forminput,
.module .formlabel	{width:auto; float:left; clear:both;}

/* date settings */
.date							{color:#999; font-size:0.9em;}
.wiki .header .date				{padding:0 0 5px 0; width:35%; float:right; text-align:right; line-height:normal; margin-top:-20px;}
.blogs .post .header .date		{padding:0 0 5px 0; width:35%; float:right; text-align:right; line-height:normal; margin:-38px 5px 0 0;}
.comment .post .date			{}
#bitmain .blogs>.header>.date	{width:auto; float:none; margin:0; text-align:left;}

.stickynote .footer	{color:#900; border:0; background:transparent; margin:1em 0 0 0; padding:0;}

/* other settings */
.blogs .avatar	{margin:0 0 1em 1em; float:right;}

/* headings */
#bittop h1,
#bittop h2	{border:0; margin:0; margin-left:100px; font-weight:normal; font-family:'Palatino Linotype', serif; text-align:left; color:#555;}
#bittop h1	{line-height:40px; font-size:3em; padding-top:30px;}
#bittop h2	{line-height:20px; font-size:1em;}
h1,h2,h3	{font-weight:900; margin:8px 0; padding:2px 0; border-bottom:3px solid #ccc;}
h1			{font-size:1.2em;}
h2			{font-size:1.1em;}
h3			{font-size:1.0em;}
h4			{font-size:1.0em;}
.header h1	{font-size:1.5em; padding:7px 0 15px 0px; margin:0; background:transparent; border:0;}
.header h2	{font-size:0.9em; margin:10px 20px 0 20px; border:0;}
.post h1	{font-size:1.4em; margin:8px 0; padding:2px 0; border-bottom:3px double #ccc;}
.comment h1	{font-size:1.4em;}
.comment h2	{font-size:1.2em;}
.comment h3	{font-size:1.0em; margin:2em 0 0 0;}
.comment .content	{overflow:auto;}
table h1,
table h2,
table h3	{border:0; margin:0; padding:1em 0 0 0;}

/* navigation bars */
.navbar			{padding:1em;}
.navbar ul		{padding:0; margin:0; list-style:none; font-size:0.8em;}
.navbar ul li	{float:left; list-style:none; line-height:normal; padding:1px;}
.navbar a		{border:1px solid #bbb; background:#ddd; padding:0 0.5em; margin:0 0.5em; line-height:normal;}
.navbar a:hover	{border:1px solid #999; background:#eee;}

/* multi file upload */
#fileslist div		{border-bottom:1px solid #ccc; color:#900;}
#fileslist div span	{display:block; width:75%; float:left;}
}
